@import "./reset.scss";
@import "./variables.scss";
@import "./mixin.scss";
@import "./tailwind.css";

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

html,
body,
#app {
  height: 100%;
  color: #333333;
  font-family: Arial, Helvetica, "STHeiti STXihei", "Microsoft YaHei", Tohoma,
    sans-serif;
  background-color: $background-color;
}

#__vconsole {
  display: none;
}

.fixIphonex {
  padding-bottom: $safe-bottom !important;
  &::after {
    content: "";
    position: fixed;
    bottom: 0 !important;
    left: 0;
    height: calc(#{$safe-bottom} + 1px);
    width: 100%;
    background: #ffffff;
  }
}

/* 适配iphonex */

@supports (bottom: env(safe-area-inset-bottom)) {
  .app-container {
    // padding-bottom: calc(env(safe-area-inset-bottom) + 50px); // 这里是重点
  }
  .bottom-button-box {
    bottom: env(safe-area-inset-bottom); // 这里是重点
    &:after {
      content: "";
      height: env(safe-area-inset-bottom); // 这里是重点
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: #fff;
    }
  }
}

.my-title {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.my-title:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 12px;
  background: #cc0000;
  border-radius: 2px;
  margin-right: 9px;
}

.container-with-submit {
  padding-bottom: 70px;
  padding-bottom: calc(70px + env(safe-area-inset-bottom));
}

.my-submit {
  padding: 11px;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  .inner {
    height: 70px;
  }
  .safeArea {
    height: env(safe-area-inset-bottom);
  }
}

// full-height,页面内容最大高度
.fh {
  height: calc(100vh - 55px);
}

.fh-new {
  height: calc(100vh - 45px - 7px - 45px - 7px);
}

.left_border:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 13px;
  border-radius: 2px;
  margin-right: 9px;
  background-color: red;
}

:root {
  --van-picker-confirm-action-color: var(--van-button-danger-background-color);
}
